/*
  学习目标：props的两大特点 - 可以传递任意数据类型
    1. props可以是任意数据类型
      1.1 数字 字符串 数组 对象 null boolean undefined
      1.2 💥函数 💥jsx
    2. props是只读的, 单向数据流
  
*/

import React, { Component } from 'react';

export default class App extends Component {
  render() {
    return (
      <div>
        App
        <Child list={[1, 2, 3]} name="zs"></Child>
      </div>
    );
  }
}

function Child(props) {
  return (
    <div>
      {props.name}
      <h1>{props.list}</h1>

      <button
        onClick={() => {
          // ❌props所有属性 不能被修改
          // props.name = '撕葱';
          // ❌props所有属性 不能被修改
          props.list.push(4);
        }}
      >
        点我
      </button>
    </div>
  );
}
